<template>
	<div>
		<div class="box">
			<Plan @setConfig="setConfig" ref="Plan"></Plan>
			<Info ref="Info"></Info>
			<Insurance ref="Insurance"></Insurance>
			<Maintain ref="Maintain"></Maintain>
			<Contract ref="Contract"></Contract>
		</div>
	</div>
</template>

<script>
	import Plan from '../../coms/plan/index.vue';
	import Info from '../../coms/info/index.vue';
	import Insurance from '../../coms/insurance/index.vue';
	import Maintain from '../../coms/maintain/index.vue';
	import Contract from '../../coms/contract/index.vue';
	export default {
		name: '',
		components: { Plan, Info, Insurance, Maintain, Contract },
		props: {},
		data() {
			return {};
		},

		computed: {},
		created() {},
		mounted() {},
		methods: {
			setConfig(item) {
				this.$emit('setConfig', item);
			},
			next(step) {
				this.$emit('next', step);
			},
		},
	};
</script>

<style lang="scss" scoped>
	.next {
		position: sticky;
		bottom: 0rpx;
	}
</style>
